/**
 * Applied to the main layout of the page.
 */
.AulaApplication-Reference-standard { 
  height: 5px;
  width: 5px;
  zoom: 1;
}

input {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;

	border-left-width: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: solid;
	border-right-style: solid;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: #92c1f0;
	border-right-color: #92c1f0;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: #92c1f0;
	border-left-color: #92c1f0;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	width: 220px;
}

TextArea {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	border-top-color: #92c1f0;
	border-right-color: #92c1f0;
	border-bottom-color: #92c1f0;
	border-left-color: #92c1f0;
	width: 220px;
}

input.button, button {
	width: 60px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

body >div{
	margin: -7px 0px 0px 0px;
}

.loadingMessage{
	background-image: url(http://localhost:8080/aulawebgwt/images/loading.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 20px;
}

.accessUser {
background-color: red;
}

hPanel.setSpacing(10);

.gwt-TextBox {
	border: 1px solid #2d8930;
}

.gwt-ListBox {
}

.coursesBox{
	width: 140;
}

.coursegroupsBox{
	width: 140;
}

.tabbedForm {
	  padding: 12px 12px 12px 12px;
}

.aulaTopPanelSeparator {
	background-color: none;
	background-image: cancel.gif;
}

.aulaTopPanelManager {
  padding: 2px 2px 2px 2px;
  background: #C3D9FF;
  width: 100%;
  margin-bottom: 0px;
    cursor: default;
}
.aulaTopPanelManager .gwt-HTML{
  font-size: 12px;
}

.AulaWidgetInternalTab { 
	padding: 2px 5px 0px 5px;
	background: #92C1F0;

}

.StudentPanelWidgetStudentsListLabel {
	margin: 4px 0px 0px 8px ;
	font-weight: bold;
}

.DataContainerMenu{
	background-color: #92C1F0;
	padding: 0px 0px 0px 0px;
}

.DataContainerMenuItem-selected{
	background-color: white;
}

.DataContainerMenuItem{
	cursor: pointer;
	padding: 0px 15px 0px 10px;
	margin: 44px 0px 0px 83px ;
	font-weight:bold;
}

.gwt-MenuBar-horizontal {
background-color: #8F1503;
}

.aulaTitlePanelManager {
  padding: 0px 0px 0px 10px;
}

.aulaTab {
	 padding: 0px 5px 0px 5px;
}

.gwt-TabPanelBottom {
	 padding: 0px 0px 0px 0px;

}

.aulaTitlePanelManager h1 {
  color: #8F1503;
  margin: 0px;
  padding: 0px 0px 0px 4px;
  font-size: 22px;
}
.aulaTitlePanelManager h2 {
  color: #888;
  margin: 0px;
  padding: 0px 0px 0px 4px;
  font-size: 16px;
}

.AulaApplication-options {
  padding: 6px 10px 0px 0px;
}
.AulaApplication-options .gwt-ListBox {
  width: 150px;
  font-size: 11px;
  color: blue;
  margin-left: 4px;
}

.AulaApplication-menu {
  width: 18em;
  text-align: left;
}

/**
 * Applied to widgets in the content area.
 */
.AulaApplication-content-decorator {
  margin-right: 8px;
}
.AulaApplication-content-title {
  padding: 4px 0px 3px 6px;
  text-align: left;
  background: #e3e8f3 url(../gwt/standard/images/hborder.png) repeat-x 0px -2003px;
  border-bottom: 2px solid #bbcdf3;
}
.AulaApplication-content-title .gwt-TabBarItem {
  background: none;
  padding: 0px;
}
.AulaApplication-content-title  .gwt-TabBarItem .gwt-Label {
  padding-right: 20px;
  color: #888888;
}
.AulaApplication-content-title  .gwt-TabBarItem-selected .gwt-Label {
  color: black;
}
.AulaApplication-content-wrapper {
  text-align: left;
}

.sc-FixedWidthButton {
  width: 10em;
}


/****************************************
*      Aula ToggleButtono
*****************************************/
.aula-ToggleButton {
	background: #92C1F0;
	border: none;
	padding: 2px 5px 2px 5px;
	width: 120px;
	font-weight: bold;
	text-align: center;
	color:white;
	    cursor                      :    hand;
    cursor                      :    pointer;
}
.aula-ToggleButton-up-hovering {
	background: #92C1F0;
	border: none;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	text-align: center;
	color:white;
}
.aula-ToggleButton-down, .aula-ToggleButton-down-hovering {
	width: 110px;
	margin: 0px 10px 0px 0px;
	background: white;
	border: none;
    text-align: center;
    color:  #8F1503;
}

body,html {
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#screen {
    height: 100%;
    width: 100%;
    overflow: scroll;
    /* stop absolutepanels failing to scroll */
    position: relative;
}

.rx-glass {
	width: 100%;
	height: 100%;
	background: #92C1F0;
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}

.rx-BlindedPopup {
	background: #ffffff;
	border: 2px solid #009;
	padding: 2px 2px 2px 2px;
}

.rx-BlindedPopup-header {
	backgroundColor: #ff0;
	borderBottom: 1px solid #009;
	fontWeight: bold;
	fontSize: 90%;
	padding: 5px;
	textAlign: center;
}

.rx-BlindedPopup-message {
	fontSize: 80%;
	padding: 15px;
}